<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p {
            text-align: center;
        }
        span{
            color: red;
        }

    </style>
</head>
<body>
<p ><span id="c" >5</span>秒之后，页面将跳转到首页...</p>
<script>
    var c = document.getElementById("c");//获取span包裹的数字对象
    var number = 5;//定义页面初始页面
    function fun() {//定义方法
        number--;//数字减一
        if(
         number<1//对页面进行判断，如果页面小于1
        ){
            location.href="https://www.baidu.com";
            //将跳转至指定页面使用loction对象的href方法跳转至指定页面
        }
        c.innerHTML = number +" ";//改变页面数
    }
    setInterval(fun, 1000);//设置循环定时器
</script>

</body>
</html>